<template>
  <div style="text-align: left;">
    <x-header title="Form"></x-header>
    <group>
      <cell title="手机号码" :value="userInfo.phoneNo"></cell>
      <cell title="用户名" :value="userInfo.userName"></cell>
    </group>
    <group>
      <cell title="注册方式" :value="userInfo.registType"></cell>
      <cell title="用户类型" :value="userInfo.userType"></cell>
    </group>
  </div>
</template>

<script>
  import { XHeader, Group, Cell } from 'vux'

  export default {
    name: 'Form',
    components: {
      XHeader,
      Group,
      Cell
    },
    data () {
      return {
        userInfo: JSON.parse(window.localStorage.getItem("userInfo"))
      }
    }
  }
</script>

<style scoped>
  .weui-cell {
    padding: 0 15px;
    height: 45px;
  }
</style>
